<%@page import="com.sun.star.util.URL"%>
<%@page import="java.awt.image.BufferedImage"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page isELIgnored="false"%>



<!DOCTYPE html>
<html lang="zxx">

	<script src="/js/jquery.minimg.js" type="text/javascript"
	charset="utf-8"></script>
	
	<!-- 列表 -->
	<script src="/js/gm/gm.js" type="text/javascript"
	charset="utf-8"></script>
	
	<!-- 时间选择 -->
	<script src="/js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
<script>

	function show_file_upload(){
		
		callbackFunction(function() {
			$('#file_upload2').modal('show');
		});
	}


	function show_img_upload() {
		
		callbackFunction(function() {
			$('#file_upload').modal('show');
		});
	}

	//验证是否登录，回调函数，用ajax访问后台服务器
	function callbackFunction(callback) {
	    
		var url= "/login/checkToken";
		
	    $.ajax({
	        url: url, // 替换为你的服务器端点
	        type: 'GET', // 或 'GET'，取决于你的需求
	        success: function(response) {
	            // 请求成功时的回调函数
	        	  if (response.token>0) {
	        callback();
	    } else {
	    	document.getElementById('my-dialog').show();
	    }
	        },
	        error: function(xhr, status, error) {
	            // 请求失败时的回调函数
	            console.error('An error occurred:', error);
	            alert('连接服务器失败，检查网络或者联系管理员');
	        }
	    });
	    // 检查参数是否是一个函数，然后调用它
	}





 function downloadFile(fileName) {

	var url= "/sysfile/download?fileName="+fileName
	
$.ajax({
    url: url, // 替换为你的服务器端点
    type: 'GET', // 或 'GET'，取决于你的需求
    success: function(response) {
        // 请求成功时的回调函数
    	console.log('服务器响应:11', response);
    },
    error: function(xhr, status, error) {
        // 请求失败时的回调函数
        console.error('An error occurred:', error);
        alert('文件暂时不存在，请联系商家');
    }
});
} 

 
 $(document).ready(function() {
     $("#wechat").click(function(){
         var _this = $("#wechatImg");//将当前的img元素作为_this传入函数
			if(_this.parent()[0].localName=="li"){//只有li才放大
				imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
			}
     });

     $("#tiktok").click(function(){
         var _this = $("#tiktokImg");//将当前的img元素作为_this传入函数
			if(_this.parent()[0].localName=="li"){//只有li才放大
				imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
			}
     });
     
     $("#kwi").click(function(){
         var _this = $("#kiwitImg");//将当前的img元素作为_this传入函数
			if(_this.parent()[0].localName=="li"){//只有li才放大
				imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
			}
     });
     
     $("#redbook").click(function(){
         var _this = $("#redbookImg");//将当前的img元素作为_this传入函数
			if(_this.parent()[0].localName=="li"){//只有li才放大
				imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
			}
     });
 });

 
 //登录弹窗，用回车代替点击
 document.addEventListener('DOMContentLoaded', () => {
	    const loginButton = document.getElementById('loginButton');

	    // 监听整个文档的键盘事件
	    document.addEventListener('keydown', (e) => {
	        if (e.key === 'Enter') {
	            // 确保用户名和密码输入框都有值
	                e.preventDefault(); // 阻止默认行为
	                loginButton.click(); // 模拟按钮点击
	        }
	    });

	});
 
</script>


<style>
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: space-evenly;
}


element.style {
}
@media (min-width: 992px)
.navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.navbar>.container, .navbar>.container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

element.style {
}
@media (min-width: 992px)
.navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}



@media (min-width: 992px)
.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.styled-item {
    display: block;
    background-color: #ff6348;
    color: #fff;
    padding: 15px 30px;
    border-radius: 4px;
    font-weight: 600;
}






    dialog {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 10px;
margin-left: auto;
  margin-right: auto;
  width: 20%;
  top: 40%;
  z-index: 99;
  }
  
  
  .alert {
      position: fixed;
      top: 25%;
      left: 50%;
      font-weight: bold;
      transform: translateX(-50%);
      background-color: #f2e6ff;
      color: #4a235a;
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
      display: none;
      transition: opacity 0.5s ease-in-out;
      z-index: 999;
    }

</style>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    
    
    
     <jsp:include page="common/head.jsp"></jsp:include> 
    <script src="/js/fileinput/fileinput.js" type="text/javascript"
	charset="utf-8"></script>
<script src="/js/fileinput/locales/zh.js" type="text/javascript"
	charset="utf-8"></script>
    
    <link rel="stylesheet" type="text/css"
	href="/js/fileinput/fileinput.css">
	
    <!--favicon-->
    <link rel="shortcut icon" type="image/png" href="js/assets/images/favicon.ico">
    <!--bootstrap css-->
<!--     <link rel="stylesheet" type="text/css" href="js/assets/css/bootstrap.min.css"> -->
    <!--owl carousel css-->
    <link rel="stylesheet" type="text/css" href="js/assets/css/owl.carousel.min.css">
    <!--magnific popup css-->
    <link rel="stylesheet" type="text/css" href="js/assets/css/magnific-popup.css">
    <!--font awesome css-->
    <link rel="stylesheet" type="text/css" href="js/assets/css/font-awesome.min.css">
    <!--animate css-->
    <link rel="stylesheet" type="text/css" href="js/assets/css/animate.css">
    <!--main css-->
    <link rel="stylesheet" type="text/css" href="js/assets/css/style.css">
    <!--responsive css-->
    <link rel="stylesheet" type="text/css" href="js/assets/css/responsive.css">
    <link rel="stylesheet" type="text/css" href="js/gm/gm.css">
    
    <link rel="stylesheet" type="text/css" href="css/style2.css" tppabs="css/style2.css" />
</head>

<body>
    <!--start header-->
<header id="header">

<dialog id="my-dialog">
  <p>此功能只对登录用户开放</p>
  &nbsp;&nbsp;&nbsp;
  <button id="close-dialog">关闭弹窗</button>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <button id="open-dialog">登录</button>
</dialog>

<div id="alertBox" style="display: none;" class="alert"></div>


<dialog id="login-dialog" style="top: 25%;width: min-content;background: rgb(255 255 255 / 0%);padding: 0px;">
<dl id="adminLoginModal" class="admin_login" style="background: #ffffff;">
 <dt>
  <strong>旅发订单管理系统</strong>
  <em>Management System</em>
 </dt>
 <form id="form_login" method="post">
 <dd class="user_icon">
  <input type="text" placeholder="账号/手机号码/邮箱" name="username" class="login_txtbx"/>
 </dd>
 <dd class="pwd_icon">
  <input type="password" placeholder="密码" name=password class="login_txtbx"/>
 </dd>
 <dd class="val_icon" id="checkCode" style="display: none;">
  <div class="checkcode" style="display: flex;">
    <input type="text" id="J_codetext" placeholder="输入验证码" name="check_text"  class="login_txtbx">
    <%--  <canvas class="J_codeimg" id="myCanvas" onclick="createCode()">对不起，您的浏览器不支持canvas，请下载最新版浏览器!</canvas>  --%>
  <img id="vc_img" alt="" src="/login/VC" onclick="on_img()">
  
  </div>
  <input type="button" value="刷新验证码" class="ver_btn" onClick="on_img();">
 </dd>
 <dd style="height: 110px;">
  <input id="loginButton" type="button" value="立即登陆" class="submit_btn"/>
  <br><br>
  <input id="cancelButton" type="button" value="取消登陆" class="submit_btn"/>
 </dd>
 </form>
 
<!--  <dd>
  <p>© 2015-2016 jq22 版权所有</p>
  <p>陕B2-8998988-1</p>
 </dd> -->
</dl>
</dialog>
        <!--start header top-->
        <div class="header-top">
            <div class="container">
                <div class="row header-top-wrap">
                    <div class="col-md-8">
                        <div class="header-cont-info">
                            <ul>
<li><i class="fa fa-phone"></i> 联系电话: 0771-3166737</li>
                                <li><i class="fa fa-envelope"></i> 邮箱: fanshuting@gxtdgnmol.com</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="header-social text-right">
                            <ul>
<!--                                 <li><a id="wechat" href="#" style="background: #0ae70a;" title="微信"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-wechat" viewBox="0 0 16 14">
  <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.32.32 0 0 0-.12.366l.218.81a.6.6 0 0 1 .029.117.166.166 0 0 1-.162.162.2.2 0 0 1-.092-.03l-1.057-.61a.5.5 0 0 0-.256-.074.5.5 0 0 0-.142.021 5.7 5.7 0 0 1-1.576.22M9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.6.6 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.63.63 0 0 0 .098.356"/>
  <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.5.5 0 0 0-.032.14.19.19 0 0 0 .193.193q.06 0 .111-.029l1.268-.733a.6.6 0 0 1 .308-.088q.088 0 .171.025a6.8 6.8 0 0 0 1.625.26 4.5 4.5 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02l.15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826m4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0m3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0"/>
</svg></a>
                                <li><a id="tiktok" href="#" style="background: #171917;" title="抖音"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-tiktok" viewBox="0 0 16 14">
  <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z"/>
</svg></a></li>
                                <li><a id="kwi" href="#" style="background: #d18511;" title="快手"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-reels" viewBox="0 0 16 16">
  <path d="M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0M1 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0"/>
  <path d="M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm6 8.73V7.27l-3.5 1.555v4.35zM1 8v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1"/>
  <path d="M9 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6M7 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0"/>
</svg></a></li>
                                <li><a id="redbook" href="#" style="background: #ff5740"#ff5740 title="小红书"><i style="font-size: 11px;font-weight: bolder;">小红书</i></a></li> -->
                           <li><img id="wechat" src="/img/40ed6229-3377-442f-98d9-1253edbb8de7(1).jpg" style="cursor: pointer;"></li>
                                <li><img id="tiktok" src="/img/4702f986-cd17-4f09-8030-67bda09a44b8(1).jpg" style="border-radius: 15%;width: 37px;cursor: pointer;"></li>
                                <li><img id="kiwit" src="/img/5f3d91a1-71c1-4e62-b2e0-8054cd07cd34(1).jpg" style="border-radius: 15%;width: 37px;cursor: pointer;"></li>
                                <li><img id="redbook" src="/img/c8bfd807-7af1-4656-8b92-93b27bbf2714(1).jpg" style="border-radius: 15%;width: 37px;cursor: pointer;"></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end header top-->
        <!--start mainmenu-->
        <div class="mainmenu">
            <div class="container">
                <nav class="navbar navbar-expand-lg"  style="margin-bottom: 0px;">
                    <div class="container">
                        <!--logo-->
                        <a class="logo" href="#"><img src="js/assets/images/logo.png" alt="logo"></a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="icon-bar"><i class="icofont-navigation-menu"></i></span>
                        </button>
                        <!--navbar links-->
                        
                               <ul class="navbar-nav mx-auto text-center">
                                <li class="nav-item">

             <a class="nav-link" href="#" style="color: #ff5740;">公司简介</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/index?page=main">广告投放</a>
                                </li>
                                <li class="nav-item">
                                    <a id="anchorLink" style="display: none;" class="nav-link" href="#" data-scroll-nav="2">订单合同历史</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/index?page=contact">联系方式</a>
                                </li>
                            </ul>
                             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="icon-bar"><i class="icofont-navigation-menu"></i></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarContent">
                          
                            <ul class="navbar-nav shop-btn">
                                  <c:choose>
                            <c:when test="${not empty SESSION_LOGIN_USER}">
                                <li class="nav-item">
                                    <a class="nav-link" href="/login/logout" id="logout-link">退出</a>
                                </li>
                                </c:when>
                                <c:otherwise>
                                <li class="nav-item">
                                    <a class="nav-link" href="" onclick="handleLoginClick(); return false;">登录</a>
                                </li>
                                </c:otherwise>
                                </c:choose>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
        <!--end mainmenu-->
    </header>
    <!--end header-->
    <!--start hero area-->
    <!--end hero area-->

    <!--end about area-->
    <!--start feature area-->

<section id=""  data-scroll-index="1" style="display: block;">
    <div class="container">
            
            <img id="Company04" style="width: -webkit-fill-available" src="/img/04.png" />
        </div>
    </section>
<section id="testi-area" class="bg-gray">
        <div class="container">
            
            <img id="Company05" style="width: -webkit-fill-available" src="/img/05.png" />
        </div>
    </section>
    <section id=""  style="display: block;">
    <div class="container">
            
            <img id="Company06" style="width: -webkit-fill-available" src="/img/06.png" />
        </div>
    </section>
    <section id="testi-area"  class="bg-gray">
        <div class="container">
            
            <img id="Company07" style="width: -webkit-fill-available" src="/img/07.png" />
        </div>
    </section>

    <footer id="footer">

        <!--start footer bottom-->
        <div class="footer-btm text-center">
            <div class="container">
                <p>© 2025 广西旅发新媒体运营有限公司 版权所有</p>
            </div>
        </div>
        <!--end footer bottom-->
        
        



<style>
* {
    margin: 0;
    padding: 0;
}
#imglist {
    list-style: none;
    width: 500px;
    margin: 50px auto;
}
#imglist li {
    float: left;
    margin-top: 10px;
}
li img {
    cursor: zoom-in;
}
</style>
<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
  <div id="innerdiv" style="position:absolute;"><img id="bigimg" style="border:5px solid #fff;" src="" /></div>
</div>
<ul id="imglist" style="display: none;"><div>点击图片查看放大效果</div>
  <li><img id="wechatImg" style="display: none;" src="/img/2.jpg" width="200px" /></li>
  <li><img id="tiktokImg" style="display: none;" src="/img/dual-watch.png" width="200px" /></li>
  <li><img id="kiwitImg" style="display: none;" src="/img/watch-5.png" width="200px" /></li>
  <li><img id="redbookImg" style="display: none;" src="/img/watch-6.png" width="200px" /></li>
</ul>

        
         <script type="text/javascript">
         
         //此功能只对登录用户开放，是否现在登录，点击登陆调用这个事件函数
         document.getElementById('open-dialog').addEventListener('click', function() {
        	 
        	 document.getElementById('my-dialog').close();
        	 handleLoginClick();
        	 /* adminLoginModal.classList.add('show'); 
        	 document.getElementById('login-dialog').show(); */
     	  });
         
         
         document.getElementById('close-dialog').onclick = function() {
        	    document.getElementById('my-dialog').close();
        	  };
        	  
        	  
        	  $("#cancelButton").click(function(){
        			 
        		  document.getElementById('login-dialog').close();
        		 }
        	  );
        	  
        	  
        	  $("#loginButton").click(function(){
        		  /*location.href="javascrpt:;"/*tpa=http://***index.html*/;
        		  
        		  var form = document.getElementById('form_login');
        		  
        		  // 创建一个FormData对象来存储表单数据
        		  var formData = new FormData(form);
        		 
        		  // 创建一个XMLHttpRequest对象
        		  var xhr = new XMLHttpRequest();
        		 
        		  // 配置请求：使用POST方法，设置请求的URL（后台处理表单数据的端点）
        		  xhr.open('POST', '/login/login', true);
        		 
        		  // 设置请求头（如果需要的话，比如Content-Type对于FormData通常是自动设置的）
        		  // xhr.setRequestHeader('Content-Type', 'multipart/form-data'); // 这行通常不需要，因为FormData会自动设置
        		 
        		  // 定义请求完成时的回调函数
        		  xhr.onload = function() {
        		    if (xhr.status === 200) {
        		      // 请求成功，处理响应数据
        		      console.log('Form submitted successfully!');
        		      console.log(xhr.responseText);
        		      var responseData = JSON.parse(xhr.responseText);
        		      if(responseData.success>0){
        		    	  alert('您已成功登录！');
        		    	  location.reload();
        		    	  }else{
        		    		  alertBox.innerHTML = responseData.loginInfo;
        		      if(responseData.isCheck>3){
        		    	  checkCode.classList.add('show');
        		      }
        		      // 显现提示框
        		      showAlert();
        		      }
        		      //location.reload();
        		    } else {
        		      // 请求失败，处理错误情况
        		      console.error('Form submission failed with status:', xhr.status);
        		    }
        		  };
        		 
        		  // 定义请求出错时的回调函数
        		  xhr.onerror = function() {
        		    console.error('An error occurred during the AJAX request.');
        		  };
        		 
        		  // 发送请求，带上表单数据
        		  xhr.send(formData);
        		  
        		  });
        	  
        	  
        	  const logoutLink = document.getElementById('logout-link');
              // 拦截点击事件
              logoutLink.addEventListener('click', function(event) {
                  // 阻止默认的跳转行为
       
                  // 弹出提示框
                  alert('您已成功退出！');
              });
              
              //点击右上角的“登录”按钮，触发这个事件函数
              function handleLoginClick() {
            	  
            	  var url= "/login/checkToken";
          		
          	    $.ajax({
          	        url: url, // 替换为你的服务器端点
          	        type: 'GET', // 或 'GET'，取决于你的需求
          	        success: function(response) {

                        adminLoginModal.classList.add('show'); // 添加 show 类，显示元素
                   	 document.getElementById('login-dialog').show();
          	        	
          	        	  if (response.isCheck>3) {
          	        		checkCode.classList.add('show');
          	    } 
          	        },
          	        error: function(xhr, status, error) {
          	            // 请求失败时的回调函数
          	            console.error('An error occurred:', error);
          	            alert('连接服务器失败，检查网络或者联系管理员');
          	        }
          	    });
                  adminLoginModal.classList.add('show'); // 添加 show 类，显示元素
        	 document.getElementById('login-dialog').show();
                  // 你可以在这里添加其他逻辑，比如跳转到登录页面或显示登录表单
              }
              
              
              function showAlert() {
            	    var alertBox = document.getElementById('alertBox');
//            	    alertBox.textContent = '这是一个提示！';
            	    alertBox.style.display = 'block';

            	    //3秒后隐藏提示框
            	    setTimeout(function() {
            	      alertBox.style.opacity = '0';
            	      setTimeout(function() {
            	        alertBox.style.display = 'none';
            	        alertBox.style.opacity = '1';
            	      }, 500);
            	    }, 3000);
            	  }

              
              function on_img() {
            		document.getElementById('vc_img').src='/login/VC?'+Math.random();
            	}              
         

 
 
 
 //拟态框放大图片展示控件
 function imgShow(outerdiv, innerdiv, bigimg, _this){
	    var src = _this.attr("src");//获取当前点击的pimg元素中的src属性
	    $(bigimg).attr("src", src);//设置#bigimg元素的src属性
	        /*获取当前点击图片的真实大小，并显示弹出层及大图*/
	    $("<img/>").attr("src", src).load(function(){
	        var windowW = $(window).width();//获取当前窗口宽度
	        var windowH = $(window).height();//获取当前窗口高度
	        var realWidth = this.width;//获取图片真实宽度
	        var realHeight = this.height;//获取图片真实高度
	        var imgWidth, imgHeight;
	        var scale = 0.8;//缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放
	        if(realHeight>windowH*scale) {//判断图片高度
	            imgHeight = windowH*scale;//如大于窗口高度，图片高度进行缩放
	            imgWidth = imgHeight/realHeight*realWidth;//等比例缩放宽度
	            if(imgWidth>windowW*scale) {//如宽度扔大于窗口宽度
	                imgWidth = windowW*scale;//再对宽度进行缩放
	            }
	        } else if(realWidth>windowW*scale) {//如图片高度合适，判断图片宽度
	            imgWidth = windowW*scale;//如大于窗口宽度，图片宽度进行缩放
	            imgHeight = imgWidth/realWidth*realHeight;//等比例缩放高度
	        } else {//如果图片真实高度和宽度都符合要求，高宽不变
	            imgWidth = realWidth;
	            imgHeight = realHeight;
	        }
	        $(bigimg).css("width",imgWidth);//以最终的宽度对图片缩放
	        var w = (windowW-imgWidth)/2;//计算图片与窗口左边距
	        var h = (windowH-imgHeight)/2;//计算图片与窗口上边距
	        $(innerdiv).css({"top":h, "left":w});//设置#innerdiv的top和left属性
	        $(outerdiv).fadeIn("fast");//淡入显示#outerdiv及.pimg
	    });
	    $(outerdiv).click(function(){//再次点击淡出消失弹出层
	        $(this).fadeOut("fast");
	    });
	}
 
 </script>
    
    
    
    

	
	
        
    </footer>
    <!--end footer-->
    <!--jQuery js-->
<!--     <script src="js/assets/js/jquery-3.3.1.min.js"></script> -->
    <!--proper js-->
    <script src="js/assets/js/popper.min.js"></script>
    <!--bootstrap js-->
<!--     <script src="js/assets/js/bootstrap.min.js"></script> -->
    <!--magnic popup js-->
    <script src="js/assets/js/magnific-popup.min.js"></script>
    <!--owl carousel js-->
    <script src="js/assets/js/owl.carousel.min.js"></script>
    <!--scrollIt js-->
    <script src="js/assets/js/scrollIt.min.js"></script>
    <!--contact js-->
    <script src="js/assets/js/contact.js"></script>
    <!--validator js-->
    <script src="js/assets/js/validator.min.js"></script>
    <!--main js-->
    <script src="js/assets/js/custom.js"></script>
</body>





</html>
